<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"  
	xmlns:ui="http://java.sun.com/jsf/facelets" 
      xmlns:h="http://java.sun.com/jsf/html"
       xmlns:f="http://java.sun.com/jsf/core"
      >
<head>

</head>
<body>
	<ui:composition template="/templates/template.xhtml">
	
	
	<ui:define name="contenu">
		<f:view>
		<p style="text-align:center"><strong>Veuillez vous authentifier ou créer un compte pour accéder au panier </strong></p>
		
		<br/><br/><br/><hr/><br/><br/>
		
			<table align="center" border="0">
				<tr>
					<td>
						<h:messages style="color:red"/>
						<h:form style="width: 290px; " align="right">
						<div style="border:1px solid purple; border-radius:1px;padding:10px;width:300px">
							<table  border="0">
								
								
								<tr>
									<td>
										<h:outputText value="Login:" />
									</td>
									<td>
										<h:inputText id="log" value="#{controllerBeanJsf.customer.login}" required="true" />
									</td>
								</tr>	
								<tr>
									<td>
										<h:outputText value="Mot de passe :" />
									</td>
									<td>
										<h:inputSecret value="#{controllerBeanJsf.customer.password}" required="true"/>
									</td>
								</tr>
								<br/>
								<tr>
									<td>
										<h:commandButton value="se connecter" 
										style="background:purple; color:white;border: 2px solid grey;border-radius:5px; height:30px"
										action="#{controllerBeanJsf.doAuthentificate}" />								
									</td>
									<td></td>
									
								</tr>	
							</table>
						</div>
						</h:form>
						<br/>
						<h:form >
						<tr>
						
						<td>
							<h:commandButton value="s'inscrire" 
							style="background:purple; color:white;border: 2px solid grey;border-radius:5px; height:30px"
							action="#{controllerBeanJsf.initCustomer}" />
						</td>
						<td></td>
						</tr>
						</h:form>
					</td>
			</tr>
			
			<tr>				
			</tr>
			</table>
		
		</f:view>
	</ui:define>
	
</ui:composition>
</body>
</html>